<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core">
 
 	<p:outputPanel id="panelBusqueda">
 		<p:panelGrid rendered="#{planeacionPersonalMB.panelCapturaShow and planeacionPersonalMB.capturaEnabled}">
      		<p:row>
          		<p:column><h:outputText value="#{msg['message.padPP.labelName']}"/></p:column>
          		<p:column>
          			<p:inputText value="#{busquedaPersonalMB.nombre}" size="8"/>
          		</p:column>
      		</p:row>
      		<p:row>
          		<p:column><h:outputText value="#{msg['message.padPP.labelLastName']}"/></p:column>
          		<p:column>
          			<p:inputText value="#{busquedaPersonalMB.apellidoPaterno}" size="8"/>
          		</p:column>
      		</p:row>
      		<p:row>
          		<p:column><h:outputText value="#{msg['message.padPP.labelLastName2']}"/></p:column>
          		<p:column>
          			<p:inputText value="#{busquedaPersonalMB.apellidoMaterno}" size="8"/>
          		</p:column>
      		</p:row>
      		<p:row>
      			<p:column colspan="2"><h:outputText value="#{msg['message.padPP.labelUO']}"/></p:column>
      		</p:row>
      		<p:row>
          		<p:column colspan="2">
          			<p:selectOneMenu value="#{busquedaPersonalMB.unidadOrganizativa}">
  						<f:selectItems value="#{busquedaPersonalMB.uoBusqueda}" var="uo"
  							itemValue="#{uo.unidadOrganizativa}" itemLabel="#{uo.unidadOrganizativaDescripcion}" />
				</p:selectOneMenu>
          		</p:column>
      		</p:row>
      		<p:row>
          		<p:column><h:outputText value="#{msg['message.padPP.labelGrade']}"/></p:column>
          		<p:column>
          			<p:inputText value="#{busquedaPersonalMB.grado}" size="8"/>
          		</p:column>
      		</p:row>
      		<p:row>
          		<p:column><h:outputText value="#{msg['message.padPP.labelEquity']}"/></p:column>
          		<p:column>
          			<p:inputText value="#{busquedaPersonalMB.equidad}" size="8"/>
          		</p:column>
      		</p:row>
      		<p:row>
          		<p:column><h:outputText value="#{msg['message.padPP.labelEVD']}"/></p:column>
          		<p:column>
          			<p:inputText value="#{busquedaPersonalMB.evd}" size="8"/>
          		</p:column>
      		</p:row>
      		<p:row>
  				<p:column colspan = "2" style="text-align: right">
  					<p:commandButton id="btnSearchEmp" value="#{msg['message.padPP.titleSearchEmp']}"
  						actionListener="#{busquedaPersonalMB.buscaPersonal}"
  						process=":formgral:accordion:busquedaForm"
  						update=":formgral:accordion:busquedaForm:multiEmps"
						icon="ui-icon-search" oncomplete="dlgSearchEmp.show()"/>
  				</p:column>
  			</p:row>
       	</p:panelGrid>
 	</p:outputPanel>
      	
   	<p:dialog id="dialogSearchEmp" modal="true" widgetVar="dlgSearchEmp"  header="#{msg['message.padPP.labelPersonnel']}">
       	<p:dataTable id="multiEmps" var="res" value="#{busquedaPersonalMB.resultadosModel}"
       		emptyMessage="#{msg['message.padPP.labelNoPersonnelFound']}"
       		paginator="true" rows="10" paginatorAlwaysVisible="false"
       		paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
				rowsPerPageTemplate="10,20" paginatorPosition="bottom"
       		selection="#{busquedaPersonalMB.selectedEmpleados}">
  
	        <p:column selectionMode="multiple"/>
	  
	        <p:column headerText="#{msg['message.padPP.labelNC']}">
	        	<h:outputText value="#{res.persona.persona}"/>  
	        </p:column>
	  
	        <p:column headerText="#{msg['message.padPP.labelName']}">
	        	<h:outputText value="#{res.nombreCompleto}"/>
	        </p:column>  
	  
	        <p:column headerText="#{msg['message.padPP.labelUO']}">
	        	<h:outputText value="#{res.unidadOrganizativa.unidadOrganizativaDescripcion}"/>  
	        </p:column>  
	  
	        <p:column headerText="#{msg['message.padPP.labelEquity']}">
	        	<h:outputText value="#{res.equidad}"/>
	        </p:column>
	        
	        <p:column headerText="#{msg['message.padPP.labelEVD']}">  
	            <h:outputText value="#{res.evd}"/>
	        </p:column>
	        
	        <f:facet name="footer">
	        	<p:commandButton id="multiViewButton" value="#{msg['message.padPP.labelAddToPlanning']}" 
	        		icon="ui-icon-check" rendered="#{busquedaPersonalMB.resultadosModel.getRowCount() gt 0}"
	        		update=":formgral:panelCaptura" oncomplete="dlgSearchEmp.hide()"
	        		actionListener="#{busquedaPersonalMB.addSelectedEmpleados}"/>
       		</f:facet>
	    </p:dataTable>
	</p:dialog>
</ui:composition>
